<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		
		<!--自定义内容-->
		<link rel="stylesheet" type="text/css" href="css/navbar.css"/>
	</head>
	<body>
		<nav class="navbar navbar-default">
  <div class="container myNav">
    <!--移动端的按钮样式-->
    <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"><img src="img/logoindex.png"/></a>
    </div>

    <!-- 平板端以上显示的内容 -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li ><a href="navHomePage.html">首页<span class="sr-only">(current)</span></a></li>
        <li><a href="clan.html">Laya 家族</a></li>
        <li><a href="#">游戏</a></li>
            <li><a href="#">新闻动态</a></li>
            <li><a href="#">关于我们</a></li>
           <!--更多--> 
            <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
          	更多<span class="caret"></span></a>
          <ul class="dropdown-menu morelist">
            <li><a href="#">开发者中信</a></li>
            <li><a href="#">开发者社区</a></li>
            <li><a href="#">开放平台</a></li>
           
          </ul>
       		 </li>
        <!--<li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">游戏</a></li>
            <li><a href="#">新闻动态</a></li>
            <li><a href="#">关于我们</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>-->
      </ul>
      <!--<form class="navbar-form navbar-left">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>-->
      <!--右边-->
      <ul class="nav navbar-nav navbar-right">
        <!--<li><a href="#">Link</a></li>-->
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">简体中文</a></li>
            <li><a href="#">繁体中文</a></li>
            <li><a href="#">English</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<!--轮播-->

<div id="carousel-example-generic" class="carousel slide w1200" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="img/slide.jpg" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="img/slide.jpg" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    ...
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>


<!--轮播-->

<!--这是LAyaFLASh引擎页-->

<div class="container-fluid bigEngine">

<div id="engine" class="engine-intro">	
	<div class="container w1000">
		<div class="row myRow">
			<div class="col-md-8 col-xs-12 left-msg">
				<h1>LayaFlash 引擎</h1>
				<h2>让Flash技术变成开发html5产品的利器</h2>
					<div class="row">
						<div class="col-md-6 col-sm-12 left-msg wenben clearfix">
							<div class="engimg "><img src="img/t1.png" alt="" /></div>
							<div class="engtext">
							<p>快速Flash产品转行<br>
							<span>flash页游\手游仅需一个人7天即可</span>
							</p>
							</div>
						</div>
						
						<div class="col-md-6 col-sm-12 wenben clearfix">
							<div class="engimg "><img src="img/t2.png" alt="" /></div>
							<div class="engtext">
							<p>快速Flash产品转行<br>
							<span>flash页游\手游仅需一个人7天即可</span>
							</p>
							</div>
						</div>
						
						<div class="col-md-6 col-sm-12 wenben wenbenbot clearfix">
								<div class="engimg "><img src="img/t3.png" alt="" /></div>
							<div class="engtext">
							<p>快速Flash产品转行<br>
							<span>flash页游\手游仅需一个人7天即可</span>
							</p>
							</div>
						</div>
						
						<div class="col-md-6 col-sm-12 wenben wenbenbot clearfix">
							<div class="engimg "><img src="img/t4.png" alt="" /></div>
							<div class="engtext">
							<p>快速Flash产品转行<br>
							<span>flash页游\手游仅需一个人7天即可</span>
							</p>
							</div>
						</div>
						
					</div>
			</div>
			
			<div class="col-sm-4 hidden-xs">
				<img src="#" alt="" />
			</div>
		</div>
		
	</div>
</div>
</div>

<!--LayaBox优势-->
<div class="container w1000 advantage">
	<div class="row">
		<div class="col-sm-5 col-xs-12"><img src="img/adv.jpg"  class="advimg"/></div>
		<div class="col-sm-7 col-xs-12">
		
			<div class="row adv-text">
				<div class="col-sm-12 advh1">
					<h1>Laybox优势</h1>
				</div>
					<div class="col-sm-12 adv-ml">
						<div class="row">
							 <div class="col-xs-2 col-sm-2 adv-img"><img src="img/adv1.png"></div>
							 <div class="col-xs-10 col-sm-10 adv-imm">快速上手，Flash程序员3小时掌握HTML5开发</div>
						</div>
					</div>
					
					<div class="col-sm-12 adv-ml">
						<div class="row">
							 <div class="col-xs-2 col-sm-2 adv-img"><img src="img/adv2.png"></div>
							 <div class="col-xs-10 col-sm-10 adv-imm">4年优化打磨，LayaPlayer运行器性能媲美APP</div>
						</div>
					</div>
					
					<div class="col-sm-12 adv-ml">
						<div class="row">
							 <div class="col-xs-2 col-sm-2 adv-img"><img src="img/adv3.png"></div>
							 <div class="col-xs-10 col-sm-10 adv-imm">超5亿的LayaPlayer移动设备安装量帮助CP发行</div>
						</div>
					</div>
					
					<div class="col-sm-12 adv-ml">
						<div class="row">
							 <div class="col-xs-2 col-sm-2 adv-img"><img src="img/adv4.png"></div>
							 <div class="col-xs-10 col-sm-10 adv-imm">使用LayaFlash开发大型HTML5游戏的企业超100家</div>
						</div>
					</div>
					
			</div>
		</div>
	</div>
</div>
<!--LayaBox优势-->


<!--产品家族-->

<div class="container-fluid bigProd">

 <div class="container poduct">
 	<div class="row">
			 		<div class="col-xs-768 col=sm-12">
			 			<h2>Layabox产品家族</h2>
			 		</div>
			<div class="col-md-6 col-sm-12 col-xs-12 prod">
				<div class="row">
					<div class="col-xs-3 col-sm-3 proImg"><img src="img/poduct1.png" /></div>
					<div class="col-xs-8 col-sm-8 proText"><p>LayaAir</p><span>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。</span></div>
				</div>
			</div> 		
			<div class="col-md-6 col-sm-12 col-xs-12 prod">
				<div class="row">
					<div class="col-xs-3 col-sm-3 proImg"><img src="img/poduct2.png" /></div>
					<div class="col-xs-8 col-sm-8 proText"><p>LayaAir</p><span>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。</span></div>
				</div>
			</div> 
			<div class="col-md-6 col-sm-12 col-xs-12 prod">
				<div class="row">
					<div class="col-xs-3 col-sm-3 proImg"><img src="img/poduct3.png" /></div>
					<div class="col-xs-8 col-sm-8 proText"><p>LayaFlash</p><span>使用Flash AS3语言开发H5的引擎框架，可直 接在FB或FD中开发、调试、编译H5，也可快 速将Flash页游\手游转换</span></div>
				</div>
			</div> 
			<div class="col-md-6 col-sm-12 col-xs-12 prod">
				<div class="row">
					<div class="col-xs-3 col-sm-3 proImg"><img src="img/poduct4.png" /></div>
					<div class="col-xs-8 col-sm-8 proText"><p>LayaStore</p><span>嵌入式HTML5商城，APP只需嵌入20K的SDK 即可以获得托管式HTML5商店服务，进入流量 获利新时代。</span></div>
				</div>
			</div>
			<div class="col-md-6 col-sm-12 col-xs-12 prod">
				<div class="row">
					<div class="col-xs-3 col-sm-3 proImg"><img src="img/poduct5.png" /></div>
					<div class="col-xs-8 col-sm-8 proText"><p>LayaPlayer</p><span>HTML5高速运行器，性能卓越、支持大型 HTML5游戏流畅运行，目前已植入QQ、百度 等20多家主流平台，安装量超5亿。</span></div>
				</div>
			</div>
			<div class="col-md-6 col-sm-12 col-xs-12 prod">
				<div class="row">
					<div class="col-xs-3 col-sm-3 proImg"><img src="img/poduct6.png" /></div>
					<div class="col-xs-8 col-sm-8 proText"><p>LayaOpen</p><span>Layabox开放平台，整合了Laya提供的各项运 营，管理服务的服务，提供给游戏提供商和互 联网渠道的统一开放平台。</span></div>
				</div>
			</div>
			
			</div> 		
			 		
			 		
 	</div>
 </div>
 
 </div>
<!--产品家族-->

<!--精彩游戏-->

<div class="container">
	<div class="row Gamebox">
		<div class="col-md-11 col-xs-9 col-sm-11"><h2>采用Layabox引擎的精彩游戏</h2></div>
		<div class="col-md-1 col-xs-3 col-sm-1"><h3>更多</h3></div>
		<div class="col-md-5 col-sm-6 col-xs-12 vedio"><img src="img/vedio.png"/></div>
		<div class="col-md-7 col-sm-6 col-xs-12 game">
			<div class="row">
				<div class="col-md-2  col-sm-3 col-xs-2 sLogo"><img src="img/g1.png"  /> <p>猎刃2</p></div>
				<div class="col-md-2  col-sm-3 col-xs-2 sLogo"><img src="img/g2.png"  /> <p>上吧公主</p></div>
				<div class="col-md-2  col-sm-3 col-xs-2 sLogo"><img src="img/g3.png"  /><p>醉西游</p> </div>
				<div class="col-md-2  col-sm-3 col-xs-2 sLogo"><img src="img/g4.png"  /><p>魔卡幻想</p> </div>
				<div class="col-md-2  col-sm-3 col-xs-2 sLogo"><img src="img/g5.png"  /><p>超能战队</p> </div>
				<div class="col-md-2  col-sm-3 col-xs-2 sLogo"><img src="img/g6.png"  /><p>刀塔大菠萝</p> </div>
				<div class="col-md-2  col-sm-3 col-xs-2 sLogo"><img src="img/sec1.png"  /><p>轰三国</p> </div>
				<div class="col-md-2  col-sm-3 col-xs-2 sLogo"><img src="img/sc2.png"  /><p>迷你猎人</p> </div>
				<div class="col-md-2  col-sm-3 col-xs-2 sLogo"><img src="img/sc3.png"  /><p>蒙挂三国</p>	 </div>
				<div class="col-md-2  col-sm-3 col-xs-2 sLogo"><img src="img/sc4.png"  /><p>夺塔三国</p></div>
				<div class="col-md-2  col-sm-3 col-xs-2 sLogo"><img src="img/sc5.png"  /><p>英雄争霸 </p></div>
				<div class="col-md-2  col-sm-3 col-xs-2 sLogo"><img src="img/sc6.png"  /><p>战争之门</p></div>

			</div>
		</div>
	</div>
</div>


<!--合作伙伴
--> 
<div class="container-fluid bigPartner"> 
<div class="container">
	<div class="row partner">
		<div class="col-md-12">
			<h4>合作伙伴<span>（排名不分先后）</span></h4>
		</div>
		<div class="col-md-2 col-sm-3 col-xs-4 prlogo"><img src="img/pner1.jpg" /></div>
		<div class="col-md-2 col-sm-3 col-xs-4 prlogo"><img src="img/pner2.jpg" /></div>
		<div class="col-md-2 col-sm-3 col-xs-4 prlogo"><img src="img/pner3.jpg" /></div>
		<div class="col-md-2 col-sm-3 col-xs-4 prlogo"><img src="img/pner4.jpg" /></div>
		<div class="col-md-2 col-sm-3 col-xs-4 prlogo"><img src="img/pner5.jpg" /></div>
		<div class="col-md-2 col-sm-3 col-xs-4 prlogo"><img src="img/pner6.jpg" /></div>
		<div class="col-md-2 col-sm-3 col-xs-4 prlogo"><img src="img/pner7.jpg" /></div>
		<div class="col-md-2 col-sm-3 col-xs-4 prlogo"><img src="img/pner8.jpg" /></div>
		<div class="col-md-2 col-sm-3 col-xs-4 prlogo"><img src="img/pner9.jpg" /></div>
		<div class="col-md-2 col-sm-3 col-xs-4 prlogo"><img src="img/pner10.jpg" /></div>
		<div class="col-md-2 col-sm-3 col-xs-4 prlogo"><img src="img/pner11.jpg" /></div>
		<div class="col-md-2 col-sm-3 col-xs-4 prlogo"><img src="img/pner12	.jpg" /></div>
	</div>
</div>

</div>


<!--foot-->
<div class="container-fluid footbox">
	<div class="container">
		<div class="row ">
			<div class="col-sm-6 col-xs-12 foottext">
				<span>公司简介</span>
				<span>联系方式</span>
				<span>人才招牌</span>
				<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
			</div>
			<div class="col-sm-6 col-xs-12">	
				<div class="maBox fr">
				<img src="img/QQ.png" />
				<img src="img/erweima.png" class="erweima" />
				</div>
				<div class="maBox fr">
				<img src="img/wexin.png"/>
				<img src="img/erweima.png" class="erweima" />
				</div>
				
				<div class="maBox fr"><img src="img/emali.png" >
				<img src="img/erweima.png" class="erweima" /></div>
				
			
			</div>
		</div>
	</div>
</div>





<script type="text/javascript" src="jquery-2.1.0.js" ></script>
<script type="text/javascript" src="js/bootstrap.js" ></script>
	</body>
</html>
